<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="../pc/common.jsp"%>    
<title>首页</title>
<script>
</script>
<style type="text/css">
.wapIndexBanner img{
    width:100%;
    height:250px;    
}
.caseList{
    height:250px !important;         
}
</style>       
</head>  
<body class="opacityHeader">
    <%@include file="../pc/commonHeader.jsp"%>  
	<div class="swiper-container wapIndexBanner">
	    <div class="cardBox caseListBox swiper-wrapper">
	        <div class="caseList swiper-slide">
	            <img alt="" src="http://static.cakeboss.com.cn/GSIndex1N.jpeg">
		    </div> 
		    <div class="caseList swiper-slide">
	            <img alt="" src="http://static.cakeboss.com.cn/GSIndex2N.jpg">
		    </div> 
		    <div class="caseList swiper-slide">
	            <img alt="" src="http://static.cakeboss.com.cn/GSIndex3N.jpeg">
		    </div> 
		    <div class="caseList swiper-slide">
	            <img alt="" src="http://static.cakeboss.com.cn/GSIndexN.jpeg">
		    </div> 
		</div>
	</div>
</body>
<script>  
var caseLength=$(".wapIndexBanner").children(".caseList").length; 
var swiper = new Swiper('.swiper-container', {
    direction: 'vertical',       
    loop : true,     
    loopedSlides :caseLength, 	
    loopAdditionalSlides : caseLength+4,  
    height: 250, 
    /* autoplay: {
        delay: 3000,  
    },             */  
    /* autoplay:true,     */      
});  
</script>
</html>